<template>
  <div class="fansAll">
    <div v-if="fansall.length>0">
      <fans-list
      v-for="(item,index) in fansall"
      :key="index"
      :fans="item"
      ></fans-list>
    </div>
    <div v-else class="lackFansPage">
      <div class="lackFansTxt">
        <div><img src="/static/images/user/lackfans.png"></div>
        <p>暂无粉丝~</p>
      </div>
    </div>
    <!-- <div class="updateTime">每48小时重新开始</div> -->
  </div>
</template>
<script>
import fansList from "./fans-list.vue"
export default {
    components: {
      fansList,
    },
    data(){
      return{
        fansall: [],
      }
    },
    onShow(){
      this.$http.get("profit/members").then((res)=>{
        this.fansall = res.data.data.partners.list;
      })
      // this.$http.get("/profit/agentRanking").then((res)=>{
      //   console.log('res of data',res)
      // })
    },
}
</script>
<style scoped>
.fansAll{
  background: #efeff4;
  width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
}
.lackFansPage{
  width: 100%;
  height: 100%;
  margin-top: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #efeff4;
}
.lackFansPage .lackFansTxt div{
  width: 254rpx;
  height: 170rpx;
  margin: 0 auto;
}
.lackFansPage .lackFansTxt div img{
  width: 100%;
  height: 100%;  
}
.lackFansPage .lackFansTxt p{
  text-align: center;
  font-size: 30rpx;
  color: #adadad;
  margin-top: 25rpx;
}
.updateTime{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 30rpx;
    color: #adadad;
}
</style>


